<!DOCTYPE html>
<html>
    <head>    
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">    
        <meta charset="UTF-8" />        
        
        <link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
        <ul class="slideshow">
            <li><span>Image 01</span><div><h3>The Helix Nebula</h3></div></li>
            <li><span>Image 02</span><div><h3>Horse Head Nebula</h3></div></li>
            <li><span>Image 03</span><div><h3>Carina Nebula</h3></div></li>
            <li><span>Image 04</span><div><h3>Milk Way</h3></div></li>
            <li><span>Image 05</span><div><h3>Spiral Galaxy</h3></div></li>
            <li><span>Image 06</span><div><h3>Celestial Conjunction at Paranal</h3></div></li>
        </ul>
        
        <div class="titlebox">            
            <h1>TIZEN TV - SLIDESHOW DEMO</h1>            
        </div>
        
    </body>
</html>